<script>
	export default {
		onLaunch: function() {
			console.warn('当前组件仅支持 uni_modules 目录结构 ，请升级 HBuilderX 到 3.1.0 版本以上！')
			console.log('App Launch')
			
			// 获取状态栏高度
			let statusHeight = 0;
			// #ifdef H5
			statusHeight = 0; // H5环境通常不需要状态栏高度
			// #endif
			
			// #ifdef MP-WEIXIN
			const systemInfo = wx.getSystemInfoSync();
			statusHeight = systemInfo.statusBarHeight || 0;
			// #endif
			
			// 设置为全局变量
			uni.$statusHeight = statusHeight;
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
/* 原有样式保持不变 */
@import '@/uni_modules/uni-scss/index.scss';
@import '@/static/customicons.css';

page {
  background-color: #f5f5f5;
}

/* 添加以下样式来隐藏系统tabBar */
/* #ifdef H5 */
uni-tabbar {
  display: none !important;
}
/* #endif */

/* #ifdef MP-WEIXIN */
.uni-tabbar {
  display: none !important;
}
/* #endif */

.example-info {
  font-size: 14px;
  color: #333;
  padding: 10px;
}
/* 全局按钮样式覆盖 */
.uni-button, 
.uni-button::after,
.mini-btn,
.mini-btn::after {
  border: none !important;
}

/* 全局覆盖uni-button样式 */
.uni-button::after {
  border: none !important;
}
.uni-button{
	padding: 0 16rpx !important;
  	height: 48rpx !important;
  	line-height: 48rpx !important;
  	font-size: 24rpx !important;
}

/* 全局mini-btn样式 */
.mini-btn {
  padding: 0 16rpx !important;
  height: 48rpx !important;
  line-height: 48rpx !important;
  font-size: 24rpx !important;
}
.mini-btn::after {
  border: none !important;
}
.tag--active:hover {
		width: 30px;
		height: 30px;
		text-align: center;
		line-height: 30px;;
		color: #999 !important;
	}

	.page--active {
		width: 30px;
		height: 30px;
		text-align: center;
		line-height: 30px;;
		color: #fff;
		background-color: #999 !important;
	}
	/* 全局对齐样式 */
	.text-center {
		text-align: center !important;
	}
	
	.text-left {
		text-align: left !important;
	}
	
	.flex-center {
		display: flex;
		justify-content: center !important;
		align-items: center !important;
	}
	
	.flex-left {
		display: flex;
		justify-content: flex-start !important;
		align-items: center !important;
	}
	
	.flex-column-center {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.strike {
    text-decoration: line-through;
  	}
	.padding-bottom-80 {
		padding-bottom: 80rpx !important;
	}

	.manager-btn {
	font-size: 28rpx;
	margin-right: 10rpx;
	color: #fff;
	background-color: #FF9500;
	border-radius: 0.875rem;
	font-size: 0.8125rem;
	padding: 0 0.625rem;
	height: 1.75rem;
	line-height: 1.75rem;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	}
	 /* 添加Tab样式 */
.time-tabs {
  display: flex;
  margin-bottom: 20rpx;
  border-bottom: 1rpx solid #eee;
}

.tab-item {
  flex: 1;
  text-align: center;
  padding: 20rpx 0;
  font-size: 28rpx;
  color: #666;
}

.tab-item.active {
  color: #007AFF;
  font-weight: bold;
  border-bottom: 4rpx solid #007AFF;
}
</style>
